

/* 全局样式初始化 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; /* 包括边框和内边距在元素宽高内 */
}

body {
  font-family: 'PingFang SC'; /* 设置默认字体和字体堆叠 */
 // background-color: @primary-background-color; /* 设置背景色 */
  overflow: hidden; /* 隐藏默认滚动条，后续可以自定义滚动条 */
}

ul, li {
  list-style: none;
}

img {
  display: block;
  vertical-align: middle; /* 修正图片底部空白 */
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 使表单元素字体继承父元素 */
  font-size: 100%; /* 字体大小继承自父元素 */
  margin: 0; /* 移除边距 */
}

button,
input { /* 按钮和输入框的一些样式统一 */
  overflow: visible;
}

button,
select { /* 按钮和下拉选择框的样式 */
  text-transform: none; /* 文本不进行大小写转换 */
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 去除iOS默认按钮样式 */
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0; /* 移除Firefox按钮内部焦点圆圈 */
  border-style: none;
}

input[type="radio"],
input[type="checkbox"] {
  -webkit-appearance: none; /* 去除默认的勾选样式 */
  -moz-appearance: none;
  appearance: none;
  display: inline-block; /* 设置为行内块元素 */
  text-align: center; /* 文字居中 */
  line-height: normal; /* 行高正常 */
  position: relative; /* 相对定位 */
}
